<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<c:set var="ctx" value="${pageContext.request.contextPath}"></c:set>

<c:forEach var="info" items="${list }" varStatus="statu">
	<div class="nav-item">
            	<div class="nav-title" onclick="window.location.href='${ctx }/product/list?clscode=${info.code }'">
                	<i class="nav-item-icon icon-${statu.count }"></i>
                	<span>${info.name }</span>
                    <b>></b>
                    <div class="nav-line"></div>
                </div>
                
                <div class="nav-sub">
                	<div class="nav-sub-inner">
                		<c:forEach var="subinfo" items="${info.sublist }">
                    	<div class="nav-sub-item">
                        	<div class="sub-item-title" style="cursor:pointer" onclick="window.location.href='${ctx }/product/list?clscode=${subinfo.code }'">
                            	<table style="width:100%"><tr><td>${subinfo.name }</td><td align="right"><a href="javascript:;">></a></td></tr></table>
                            </div>
                            <div class="sub-item-con">
                            	<c:forEach var="proinfo" items="${subinfo.sublist }" varStatus="statu2">
                            	<c:if test="${statu2.count>1 }"> | </c:if><a href="${ctx }/product/info?priceid=${proinfo.id }" target="_blank">${proinfo.name }</a>
                          		</c:forEach>
                            </div>
                        </div>

                        </c:forEach>

                    </div>
                </div>
	</div>
</c:forEach>
<script>
$(".nav-l-bd .nav-item").hover(function(){
 	$(this).addClass("cur");
	$(this).parent(".nav-l-bd").width(950);
},function(){
 	$(this).removeClass("cur");
	$(this).parent(".nav-l-bd").width(200);
});

</script>